<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			p{
				font-family: "微软雅黑";
				font-size: 14px;
			}
			
			ul{
				list-style: none;
			}
			
			ul li{
				background-color: #ccc;
				width: 100px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-family: "微软雅黑";
				font-size: 14px;
				color: white;
			}
			
			ul li:hover{
				background-color: #ef5b00;
				cursor: pointer;
			}
			
			input{
				width: 250px;
				height: 30px;
				background-color: #ef5b00;
				font-family: "微软雅黑";
				font-size: 12px;
				color: white;
				border: 0px;
			}
		</style>
	</head>
	<body>
		
		<p>蜀国之五虎上将：</p>
		
		<ul>
			<li>关羽</li>
			<li>张飞</li>
			<li>赵云</li>
			<li>马超</li>
			<li>黄忠</li>
		</ul>
		
		<input type="button" value="==匹配五虎上将之首==" />
		
	</body>
</html>
